
.x-scrollbar { 
	position: relative;
	width: 17px;
	height: 17px;
	overflow: hidden;
	cursor: default;
}
.x-scrollbar-left{
	 top: 0;
}
.x-scrollbar-left, .x-scrollbar-right { overflow: hidden; position: absolute; left: 0;outline: medium none; }
.x-scrollbar-right { bottom: 0; }
.x-scrollbar-handle { width: 17px; height: 45px; overflow: hidden; top: 30px; left: 0px; position: absolute; }
.x-scrollbar-handle-left { position: absolute; left: 0px; top: -1px; width: 17px; overflow: hidden; z-index: 1; }
.x-scrollbar-handle-right { position: absolute; left: 0px; bottom: -1px; width: 17px; overflow: hidden; z-index: 2; }
.x-scrollbar-handle-center { width: 100%; height: 9px; overflow: hidden; position: absolute; left: 0px; top: 50%; margin-top: -4px; }
.x-scrollbar-horizonal .x-scrollbar-left { left: 0px; top: 0px; }
.x-scrollbar-horizonal .x-scrollbar-right { left: auto; right: 0pt; top: 0pt; bottom: auto; }
.x-scrollbar-horizonal .x-scrollbar-handle { position: absolute; height: 17px; width: 40px; top: 0px; left: 30px;}
.x-scrollbar-horizonal .x-scrollbar-handle-left { left: -1px; top: 0px; height: 17px; }
.x-scrollbar-horizonal .x-scrollbar-handle-right { left: auto; bottom: auto; top: 0px; right: -1px; height: 17px;}


.x-scrollbar { background: url(images/scrollbar-vert.bmp) repeat scroll right top transparent; }
.x-scrollbar-left { background: url(images/scrollbar-vert.bmp) repeat scroll 0pt 0pt transparent; width: 16px; height: 16px; }
.x-scrollbar-right { background: url(images/scrollbar-vert.bmp) repeat scroll 0pt 16px transparent; width: 16px; height: 16px; }
.x-scrollbar-handle { background: url(images/scrollbar-vert.bmp) repeat scroll -96px 0pt transparent; }
.x-scrollbar-handle-left { background: url(images/scrollbar-vert.bmp) repeat scroll -32px 1px transparent; height: 3px; }
.x-scrollbar-handle-right { background: url(images/scrollbar-vert.bmp) repeat scroll -32px -29px transparent; height: 3px; }
.x-scrollbar-handle-center { background: url(images/scrollbar-vert.bmp) repeat scroll -64px 0px transparent; }
.x-scrollbar-horizonal { background: url(images/scrollbar.bmp) repeat scroll 0pt bottom transparent; }
.x-scrollbar-horizonal .x-scrollbar-left { background: url(images/scrollbar.bmp) repeat scroll 0pt 0pt transparent; width: 16px; height: 16px; }
.x-scrollbar-horizonal .x-scrollbar-right { background: url(images/scrollbar.bmp) repeat scroll -16px 0pt transparent; width: 16px; height: 16px; }
.x-scrollbar-horizonal .x-scrollbar-handle { background: url(images/scrollbar.bmp) repeat scroll 0pt -96px transparent; }
.x-scrollbar-horizonal .x-scrollbar-handle-left { background: url(images/scrollbar.bmp) repeat scroll 0px -32px transparent; width: 3px; }
.x-scrollbar-horizonal .x-scrollbar-handle-right { background: url(images/scrollbar.bmp) repeat scroll -30px -32px transparent; width: 3px; }
.x-scrollbar-horizonal .x-scrollbar-handle-center { background: url(images/scrollbar.bmp) repeat scroll right -64px transparent; top: 0px; margin-top: auto; height: 100%; width: 9px; left: 50%; margin-left: -4px; }		



.x-scrollbar-horizonal .x-scrollbar-handlx-pressed {
    background-position: 0 -112px;
}



.x-scrollbar-horizonal .x-scrollbar-handle.x-active .x-scrollbar-handle-left {
    background-position: 0 -48px;
}


.x-scrollbar-horizonal .x-scrollbar-handle.x-active .x-scrollbar-handle-right {
    background-position: -30px -48px;
}


.x-scrollbar-handle.x-active .x-scrollbar-handle-left {
    background-position: -48px 1px;
}


.x-scrollbar-handle.x-active .x-scrollbar-handle-right {
    background-position: -48px -29px;
}

.x-scrollbar-handle.x-active .x-scrollbar-handle-center {
    background: url("../images/scrollbar/msn-vscroll.bmp") repeat scroll -80px 0 transparent;
}